.goodsshelves-box{
	width: 90%;
	height: 98vh;
	margin: 0 auto;
	/*border: 1px solid red;*/
	
}
.goodsshelves-title{
	height: 1%;
	width: 100%;
	/*border: 1px solid red;*/
	line-height: 75px;
	color:#0070C0;
	text-align: center;
	
	
}

.conentbox{
	width: 100%;
	height: 90%;
	/*border: 1px solid gold;*/
}
.conentbox2{
	width: 100%;
	height: 90%;
	/*border: 1px solid gold;*/
}

.btnbox{
	width: 100%;
	height: 15vh;
	/*border: 1px solid red;*/
	
}


.div-boottom-left,.div-boottom-right{
	width: 15%;
	height: 100%;
	float: left;
	position: relative;
	margin-right: -2%;
	
}



.div-boottom-left{
	margin-left: -0.7%;
}

.div-boottom-right .text{
	margin-left: 9.7%;
}

.div-boottom-center{
	width: 70%;
	height: 100%;
	float: left;
	font-size: 20px;
}


/*************************按钮垂直水平居中样式开始*****************************/
.text1{
	background-color: #0954A5;
	cursor: pointer;
	margin: 0 auto;
	width: 90%;
	height: 50%;
	
	/**绝对定位**/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
	/**父级div高度自适应，使其中内容垂直居中**/
	display:flex;
	align-items:center;
	
	font-size: 32px;
	font-weight: bold;
	color: white;
	font-family: "微软雅黑";
	
}


/****水平居中****/
.aaa1{
	width: 100%;
	text-align: center;
}
/*************************按钮垂直水平居中样式结束*****************************/






.addr{
	font-size: 50px;
	font-family: "微软雅黑";
	font-weight: bold;
}
.goodsshelves-num{
	margin-left: 2rem;
	font-family: "微软雅黑";
	font-size: 32px;
	font-weight: bold;
}

.one{
	width: 20%;
	height: 45%;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 4.6%; 
	float: left;
	/*border: 1px solid blue;*/
	/*background-color: grey;*/
}
.two{
	width:500px;
	height: 45%;
	margin-top: 1%;
	margin-bottom: 1%;
	float: left;
	margin-left: 4%;
	/*border: 1px solid blue;*/
	/*background-color: grey;*/
}
/* 解决货区管理最外层div 拟定一行4个方块 */
.three{
	width: 100%;
	height: 23%;
	margin-top: 10px;
	margin-bottom: 0.3%;
	margin-left: 0.0%; 
	float: left;
	/* border: 1px solid blue; */
	/* background-color: grey; */
}
.three-box{
	width: 11.6%;
	height: auto;
	margin-top: 0.3%;
	margin-bottom: 1%;
	margin-left: 0.4%; 
	background-color: red;
	display: inline-block;
	background-color: #0954A5;
}
.three-box-font{
	background-color: #0954A5;
	cursor: pointer;
	font-size: 30px;
	font-weight: bold;
	color: white;
	font-family: "微软雅黑";
	text-align: center;
	line-height: 130px;
}

.left,.right{
	height: 100%;
	width: 100%;
	float: left;
}


/*************************按钮垂直水平居中样式开始*****************************/
.text{
	background-color: #0954A5;
	cursor: pointer;
	margin: 0 auto;
	width: 100%;
	height: 95%;
	
	/**绝对定位**/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
	/**父级div高度自适应，使其中内容垂直居中**/
	display:flex;
	align-items:center;
	
	font-size: 30px;
	font-weight: bold;
	color: white;
	font-family: "微软雅黑";
	
}
.text2{
	background-color:white;
	cursor: pointer;
	margin: 0 auto;
	width: 100%;
	height: 95%;

	/**绝对定位**/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

	/**父级div高度自适应，使其中内容垂直居中**/
	display:flex;
	align-items:center;

	font-size: 30px;
	font-weight: bold;
	color: white;
	font-family: "微软雅黑";

}

/****水平居中****/
.aaa{
	width: 100%;
	text-align: center;
}
/*************************按钮垂直水平居中样式结束*****************************/


.left{
	background-color: #0954A5;
	text-align: center;
	margin-right:2% ;
	color: white;
	font-size: 40px;
	position: relative;	
}

.right-box{
	position: relative;
	margin-top: 0.5%;
}

.code{
	margin-top: 40%;
	display: block;
	

}
.huoqu-div{
	margin-top: 15px; 
	margin-bottom: 20px; 
	height: 15%;
}
.rackbox{
	width: 100%;
	height: 70px;
	margin-top: 20%;
	margin-bottom: 1.5%;
	background-color: #0954A5;
	border-bottom: white;
	border-left: white;
	font-size: 25px;
	line-height: 65px;
}

/* 更多按钮样式 */
.more{
	width: 100%;
	height: 70px;
	margin-top: 20%;
	margin-bottom: 1.5%;
	background-color: #0954A5;
	border-bottom: white;
	border-left: white;
	font-size: 25px;
	text-align: center;
	line-height: 65px;
}
.more2{
	width: 100%;
	height: 70px;
	margin-top: 20%;
	margin-bottom: 1.5%;
	background-color: white;
	border-bottom: white;
	border-left: white;
	font-size: 25px;
	text-align: center;
	line-height: 65px;
}

.rackbox1{
	width: 100%;
	height: 49%;
	margin-bottom: 1%;
	background-color: #0954A5;
	border-bottom: white;
	border-left: white;
}

.right{
	color: white;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	f
}

#returnlast{
	margin-left: 15%;
}


/* form表单  我一个后端实习生做这 ``_`` */
.label1{
	width: auto; 
	margin-top: 6px;
}

.form-center{
	text-align: center;
}

.form-input{
	margin-left: -20px; 
	margin-bottom: 20px;
}

/* 货区 */
.div-set{
	width: 300px;
	height: 92%;
	display: inline-block;
	border: 4px solid #0954A5;
}

.div-set-head{
	width: 100%;
	height: auto;
	
	border: 1px solid blue;
}
.div-set-head-text{
	cursor: pointer;
	margin: 0 auto;
	width: auto;
	height: auto;
	
	font-size: 30px;
	font-weight: bold;
	color: darkblue;
	font-family: "微软雅黑";
	text-align: center;
}
.huoquNum{
	font-size: 20px;
	margin-top: 20px;
}
